<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block th:include="common/common::common('查看用户信息')"/>
<link rel="stylesheet" href="/static/base/user/css/user.css" media="all"/>
</head>
<body>

<form class="layui-form layui-form-pane" id="seeBaseUserForm" th:object="${baseUser}">
    <div class="layui-form-body">
        <div class="avatar-left">
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">登录账户</label>
                <div class="layui-input-block">
                    <input type="text" id="username" name="username" readonly
                           th:field="*{username}" autocomplete="off"
                           lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">姓名<span style="color:red;">*</span></label>
                <div class="layui-input-block">
                    <input type="text" id="name" name="name" readonly
                           th:field="*{name}" autocomplete="off"
                           lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="mobilePhone" class="layui-form-label">手机号码<span style="color:red;">*</span></label>
                <div class="layui-input-block">
                    <input type="text" id="mobilePhone" name="telPhone" readonly
                           th:field="*{telPhone}" autocomplete="off" maxlength="13"
                           lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item" pane>
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block" th:with="dicts=${@dict.getType('sys_sex')}">
                    <input type="radio" name="sex" readonly
                           th:each="dict : ${dicts}"
                           th:title="${dict.dictLabel}"
                           th:value="${dict.dictValue}"
                           th:attr="checked=${dict.dictValue eq baseUser.sex?true:false}">
                </div>
            </div>
        </div>
        <!-- 头像 -->
        <div class="avatar-right">
            <div style="text-align: center" id="33">
                <div id="avatarButton" class="avatarImage">
                    <img th:src="${avatar}" style="width: 200px;height: 200px;" id="upload">
                    <input type="hidden" name="avatar" th:field="*{avatar}" id="avatar">
                </div>
            </div>
        </div>

        <div class="user-info">
            <div class="layui-form-item" style="padding-top: 15px;">
                <label for="email" class="layui-form-label">电子邮箱<span style="color:red;">*</span></label>
                <div class="layui-input-block">
                    <input type="text" id="email" name="email" readonly
                           th:field="*{email}" autocomplete="off"
                           lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="address" class="layui-form-label">地址</label>
                <div class="layui-input-block">
                    <input type="text" id="address" name="address" readonly
                           th:field="*{address}" autocomplete="off"
                           lay-verify="required" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label for="description" class="layui-form-label" style="margin-bottom: 0;">备注</label>
                <div class="layui-input-block">
                     <textarea placeholder="请输入描述" id="description" maxlength="200"
                               autocomplete="off" th:utext="*{description}" readonly
                               name="description" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
        <input type="text" th:value="*{id}" id="id" name="id" style="visibility: hidden;">
    </div>
</form>

</body>
</html>